{extends file="../home.html"}
{block name="title"}{$head_title}{/block}
{block name="css"}
<link rel="stylesheet" type="text/css" href="/Public/Css/front/front_css/my_wallet.css">
<style type="text/css">
	body{
		background-color: #f3f3f3;
	}
	.manage{
		font-size: 0.8rem;
		width: 20%;
		height: 1.1rem;
		line-height: 1.1rem;
		color: #FF6600;
		letter-spacing: 0;
		position: absolute;
		display: block;
		top:0.55rem;
		right: 3.2%;
		text-align: right;
	}
	.done{
		font-size: 0.8rem;
		width: 5rem;
		height: 1.1rem;
		line-height: 1.1rem;
		color: #FF6600;
		letter-spacing: 0;
		position: absolute;
		display: none;
		top:0.55rem;
		right: 3.2%;
		text-align: right;
	}
	.remove{
		background-image: url(/Public/Images/front/front_img/icon_fatie_shanchu@3x.png);
		width: 0.85rem;
		height: 0.85rem;
		background-size: .85rem .85rem;
		display: none;
		position: relative;
		right: -93.4%;
		top:-2.45rem;

	}
	.input_account{
		width: 100%;
		height: 2.5rem;
		background-color: #fff;
		color: #B4B4B4;
	}
	.account_input{
		width: 80%;
		height: 1.1rem;
		font-size: 0.8rem;
		color: #323232;
		position: relative;
		top:0.6rem;
		left:3.2%;
	}
	.ensure{
		width: 93.6%;
		height: 2.5rem;
		color: #fff;
		
		position: relative;
		top:2.0rem;
		left:3.2%;
		border-radius: 0.2rem;
		font-size: 0.9rem;
	}
	.grey{
		background-color: #B4B4B4;
	}
</style>
{/block}
{block name="content"}

<div class="title" style="border-bottom:0.025rem">
	
	<div class="go_back"></div>
	<p><strong>提现</strong></p>
	<span class="manage">管理</span>
	<span class="done">完成</span>
</div>

<div class="set_account">
	<ul >
		<li>
		<div class="existed_account">
			<img class="account_icon fix">
			<span class="account">17816873065</span>
			<div class="choosed"></div>		<!--已选择的账号后面显示这个图标-->
			<div class="remove"></div>		<!--点击管理出现这个图标-->
		</div>
		</li>

		<li>
		<div class="existed_account">
			<img class="account_icon fix">
			<span class="account">1111111</span>
			<div class="choosed"></div>
			<div class="remove"></div>
		</div>
		</li>

		<li>
		<div class="existed_account">
			<img class="account_icon fix">
			<span class="account">1111111</span>
			<div class="choosed"></div>
			<div class="remove"></div>
		</div>
		</li>
	 <div style="background:#f3f3f3;height:0.5rem;width:100%;"></div>
	</ul> 


	<div class="add_account">
		<div class="add_buttom">
			<span class="icon_tianjia"></span>
			<span class="tianjiashuoming">添加支付宝账户</span>
		</div>
	</div>

</div>

<div class="input_new_account" style="display:none">
	

	<div style="width:96.8%;height:1.5rem;background:#f3f3f3;font-size:0.65rem;color:#909090;line-height:1.5rem;padding-left:3.2%">
		请输入支付宝账户
	</div>
	
	<div class="input_account">
		<input type='tel' name="zhifubao_account" class="account_input" placeholder="手机号或邮箱">
	</div>

	<input type="submit" class="ensure grey" value="完成">
	



</div>



{/block}
{block name="js"}
{literal}
<script type="text/javascript">

	$('.return_icon').on('click',function(){
		window.location.href ='/Index/my_wallet'
	});
	//点击管理
	$('.manage').on('click',function(){
		$('.choosed').hide();
		$('.remove').show();
		$('.manage').hide();
		$('.done').show();
		$('.existed_account').unbind();
	});
	//点击完成
	$('.done').on('click',function(){
		$('.remove').hide();
		$('.manage').show();
		$('.done').hide();
		$('.existed_account').on('click',function(){
		$(this).children('.choosed').show();
		window.location.href = '/Index/withdraw'
		});
	});
	//删除账号
	$('.remove').on('click',function(){
		$(this).parents('li').remove();
	});
	//点击这一栏跳转到上个页面
	$('.existed_account').on('click',function(){
		$(this).children('.choosed').show();
		window.location.href = '/Index/withdraw'
	});

	//点击添加支付宝账户
	$('.add_buttom').on('click',function(){
		$('.manage').hide();
		$('.done').hide();
		$('.set_account').hide();
		$('.input_new_account').show();
	});

	$('.account_input').bind('input propertychange',function(){
		$('.ensure').removeClass('grey');
		$('.ensure').addClass('orange');
		var number = $('.account_input').val();
		
		var length = number.length;
		console.log(number.length);
		if(length==0){
			$('.ensure').removeClass('orange');	
			$('.ensure').addClass('grey');
			
		}
		
	});

	//按钮橙色时可点击完成，验证支付宝账号，如果通过，返
	$('.input_new_account').on('click','.ensure.orange',function(){
		console.log(3);
		$('.input_new_account').hide();
		$('.set_account').show();
		$('.manage').show();




	});
</script>
{/literal}
{/block}
